<script setup>
</script>

<template>
	<van-cell title="招慕项目名称">
		<template #right-icon>
			<!-- 右图标 -->
			<van-tag type="warning">孵化中</van-tag>
		</template>
		<template #label>
			<div id="x_keyword">
				<!-- 关键字 -->
				<van-button type="primary" size="mini" color="#cdf3ff">关键
				</van-button>
				<van-button type="primary" size="mini" color="#cdf3ff">关键字2
				</van-button>
				<van-button type="primary" size="mini" color="#cdf3ff">关键字
				</van-button>
			</div>
		</template>
	</van-cell>
	<van-cell id="xiamgmu_details"
		value="招募项目介绍一百字内招募项目介绍一百字内招募项目介绍一百字内招募项目介绍一百字内招募项目介绍一百字内招募项目介绍一百字内招募项目介绍一百字内招募项目介绍一百字内招募项目介绍一百字内招募项目介绍一百字内" />
	<!-- 发布人 -->
	<van-cell value="电子科技大学成都学院" id="foot_id">
		<template #title>
			<div  style="display: flex;
		flex-direction: row;
		align-items: center;">
			<van-image round width="1.5rem" height="1.5rem" src="https://img.yzcdn.cn/vant/cat.jpeg" />
			<span style="margin-left: 2px;">发布人</span>
			</div>
		</template>
	</van-cell>
	<van-divider :style="{ height:'1px', color: '#bbb', borderColor: '#bbb', padding: '0 16px',margin: '0' }">
	</van-divider>
	<!-- <van-cell v-for="item in list" :key="item" :title="item" /> -->
	<!-- </van-list> -->
</template>


<style scoped>
	.van-cell {
		height: fit-content;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: baseline;
		font-weight: 600;
	}

	.van-cell__label {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}

	#school {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: center;
		font-size: 20px;
	}

	#x_keyword {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		width: fit-content;
		height: fit-content;
	}

	.van-button {
		box-shadow: 2px 2px 2px rgba(0,0,0,.2);
		padding: 0 .5 0 .5;
		width: fit-content;
		height: fit-content;
	}

	.van-button--mini {
		font-size: 8px;
		color: #000000 !important;
		font-weight: 600;
	}

	#xiamgmu_details {
		--van-cell-font-size: 10px;
		font-weight: 500;
		line-height: 200%;
		padding-top: 0;
	}

	#foot_id {
		margin-left: 2px;
		margin-right: 2px;
		color: #888888;
		font-size: 75%;
		flex-direction: row;
		align-items: center;
	}

	.van-cell__title{
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	#first_man .van-cell__title{
		flex-direction: row;
		align-items: center;
		margin: 1px !important;
	}
</style>
